<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>产生式推理系统</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="/static/layui/css/layui.css" tppabs="http://res.layui.com/layui/dist/css/layui.css"  media="all">
  <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
  <style>
  </style>
</head>
<body style="padding: 50px">     
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
  <legend>产生式推理系统</legend>
</fieldset>
<div class="layui-tab">
    <ul class="layui-tab-title">
      <li class="layui-this">知识推理</li>
      <li>查看知识库</li>
      <li>新增知识库</li>
    </ul>
    <div class="layui-tab-content">
      <!-- 知识推理 -->
      <div class="layui-tab-item layui-show">
      <div class="layui-col-md12" style="max-height: 360px; overflow:auto">
        <div class="layui-col-md6">
          <fieldset class="layui-elem-field">
            <legend>正向推理</legend>
            <form class="layui-form" action="" >                   
              <div class="layui-form-item" id="first_condition_node">
                <div class="layui-inline">
                  <label class="layui-form-label">推理条件</label>
                  <div class="layui-input-inline">
                    <select name="conditions_select_1" lay-verify="required" id="conditions_select"  lay-search="">
                      <option value="">直接选择或搜索选择</option>
                    </select>
                  </div>
                  <button type="button" onclick="add_condition()" class="layui-btn layui-btn-normal layui-btn-sm"><i class="layui-icon">&#xe654;</i></button>
                </div>
              </div>
              <div class="layui-form-item">
                <div class="layui-input-block">
                  <button type="button" lay-filter="btnSubmit" lay-submit onclick="forward_induction()" class="layui-btn layui-btn-normal">开始推理</button>
                  <!-- <button type="button" class="layui-btn layui-btn-danger">警告按钮</button> -->
                </div>
              </div>
            </form>
          </fieldset>
        </div>
        <div class="layui-col-md6">
          <fieldset class="layui-elem-field">
            <legend>反向推理</legend>
          <form class="layui-form" action="" >
            <div class="layui-form-item">
                <div class="layui-inline">
                  <label class="layui-form-label">推理目的</label>
                  <div class="layui-input-inline">
                    <select name="target_select" id="target_select" lay-verify="required"  lay-search="">
                      <option value="">直接选择或搜索选择</option>
                    </select>
                  </div>
                </div>
              </div>
            <div class="layui-form-item">
              <div class="layui-input-block">
                <button type="button"  lay-filter="btnSubmit2" lay-submit 
                onclick="backward_induction()"class="layui-btn layui-btn-warm">开始推理</button>
                <!-- <button type="button" class="layui-btn layui-btn-danger">警告按钮</button> -->
              </div>
            </div>
          </form>
          </fieldset>
        </div>
      </div>
          <fieldset class="layui-elem-field">
            <legend>推理过程</legend>
            <div class="layui-field-box" id="induction_detail">
              <p>这里将会显示推理过程</p>
            </div>
          </fieldset>
          <fieldset class="layui-elem-field">
            <legend>推理结果</legend>
            <div class="layui-field-box" id="induction_conclusion">
              <p>推理成功：猴子</p>
            </div>
          </fieldset>

      </div>
      <!-- 查看知识库 -->
      <div class="layui-tab-item">
        <table class="layui-hide" id="rules_table"></table>
      </div>
      <!-- 新增知识库 -->
      <div class="layui-tab-item">
        <div class="layui-row">
          <form class="layui-form" id="add_rule_form">
          <div class="layui-col-md5">
            <fieldset class="layui-elem-field">
            <legend>特征</legend>
              <div id="id="first_feature_node"">
                <div class="layui-form-item" id="first_feature_node">
                  <div class="layui-inline">
                    <label class="layui-form-label">特征-1 ：</label>
                    <div class="layui-input-inline">
                      <input type="text" name="feature_name_1" class="layui-input">
                    </div>
                    <button type="button" onclick="add_feature()" class="layui-btn layui-btn-normal layui-btn-sm"><i class="layui-icon">&#xe654;</i></button>
                  </div>
                </div>
              </div>
              <!-- </form> -->
            </fieldset>
          </div>
          <!-- <div class="layui-col-md2">
            <div class="grid-demo">=&gt;</div>
          </div> -->
          <div class="layui-col-md5">
            <fieldset class="layui-elem-field">
              <legend>结论</legend>
              <!-- <form class="layui-form" action=""> -->
                <div class="layui-form-item layui-form-text">
                  <label class="layui-form-label">结论</label>
                  <div class="layui-input-block">
                    <textarea  class="layui-textarea" name="conclusionn"></textarea>
                  </div>
                </div>
                <div class="layui-form-item">
                  <label class="layui-form-label">是否最终结论</label>
                  <div class="layui-input-block">
                    <input type="radio" name="is_temp" value="0" title="是" >
                    <input type="radio" name="is_temp" value="1" title="否" checked="">
                  </div>
                </div>
                <div class="layui-form-item">
                  <button type="submit" class="layui-btn layui-btn-normal"
                  lay-submit lay-filter="feature_sumbit" style="width:100%;" >提交</button>
                </div>
              
              
            </fieldset>
          </div>
        </form>
        </div>
      </div>
    </div>
  </div>
<script src="/static/js/jquery.js" charset="utf-8"></script>
<script src="/static/layui/layui.js" charset="utf-8"></script>
<script src="/static/js/index.js" charset="utf-8"></script>
<script src="/static/js/brain.js" charset="utf-8"></script>
</body>
</html>